/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity
} from 'react-native';
var {width,height} = require('Dimensions').get('window');
var TopBanner = React.createClass({
    getDefaultProps(){
        return {
            title:'',
        }
    },
    render() {
        return (
            <View style={styles.container}>
                <Image source={{uri:'titleIcon'}} style={styles.titleIconStyle}/>
                <Text style={{color:'#f4a931',fontSize:16,marginRight:8}}>游记推荐</Text>
                <View style={styles.rightLineStyle}></View>
            </View>
        );
    }
});
const styles = StyleSheet.create({
    container: {
        flexDirection:'row',
        alignItems:'center',
        paddingTop:10,
        paddingBottom:10
    },
    titleIconStyle:{
        width:20,
        height:26,
        marginLeft:5,
        marginRight:5
    },
    rightLineStyle:{
        height:0.5,
        flex:1,
        backgroundColor:'#08c8c1'
    }
});
module.exports = TopBanner;